<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>提货函确认</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <link rel="stylesheet" href="/Resources/css/app.css">
    <link rel="stylesheet" href="/Resources/css/confirm.css">
    <link rel="stylesheet" href="/Resources/css/photoswipe.css">
    <link rel="stylesheet" href="/Resources/css/default-skin/default-skin.css">



</head>

<body>
    <div class="confirm">
        <div class="confirm-head">
            合同确认
            <a href="javascript:;">
            曹海涛
            <i class="icon icon-quit"></i>
        </a>
        </div>
        <div class="confirm-list">
            <div class="confirm-title">
                合同明细
            </div>
            <ul class="confirm-number">
        
                <li>
                    <div class="radius radius-left">
                    </div>
                    <div class="radius radius-right">
                    </div>
                    <p class="list-title">
                        <span class="number-title">订单编号</span>
                        <span class="number">
                            XS16110410864508
                        </span>
                    </p>
                    <p class="list-title">
                        <span class="number-title">合同编号</span>
                        <span class="number">
                            HT16110410864508
                        </span>
                    </p>
                    <div class='confirm-img my-gallery'>

                        <!--  <img class='previewer-demo-img' src="http://img4.imgtn.bdimg.com/it/u=1366576052,702195932&fm=26&gp=0.jpg">
                        <img class='previewer-demo-img agree-img' src="http://img2.imgtn.bdimg.com/it/u=4091494539,2648474751&fm=26&gp=0.jpg">    -->
                        <figure>
                            <a href="http://img4.imgtn.bdimg.com/it/u=1366576052,702195932&fm=26&gp=0.jpg" data-size="800x700">
                                <img src="http://img4.imgtn.bdimg.com/it/u=1366576052,702195932&fm=26&gp=0.jpg">
                            </a>

                        </figure>

                        <figure>
                            <a href="http://img2.imgtn.bdimg.com/it/u=4091494539,2648474751&fm=26&gp=0.jpg" data-size="800x700">
                                <img src="http://img2.imgtn.bdimg.com/it/u=4091494539,2648474751&fm=26&gp=0.jpg" />
                            </a>

                        </figure>
                    </div>
                    <p class="confirm-click">
                        <i class="icon icon-hand"></i> 点击图片浏览大图
                    </p>
                </li>
                 <li>
                    <div class="radius radius-left">
                    </div>
                    <div class="radius radius-right">
                    </div>
                    <p class="list-title">
                        <span class="number-title">订单编号</span>
                        <span class="number">
                            XS16110410864508
                        </span>
                    </p>
                    <p class="list-title">
                        <span class="number-title">合同编号</span>
                        <span class="number">
                            HT16110410864508
                        </span>
                    </p>
                    <div class='confirm-img my-gallery'>

                       
                        <figure>
                            <a href="http://img4.imgtn.bdimg.com/it/u=1366576052,702195932&fm=26&gp=0.jpg" data-size="800x700">
                                <img src="http://img4.imgtn.bdimg.com/it/u=1366576052,702195932&fm=26&gp=0.jpg">
                            </a>

                        </figure>

                        <figure class='agree-img'>
                            <a href="http://img2.imgtn.bdimg.com/it/u=4091494539,2648474751&fm=26&gp=0.jpg" data-size="800x700">
                                <img src="http://img2.imgtn.bdimg.com/it/u=4091494539,2648474751&fm=26&gp=0.jpg" />
                            </a>

                        </figure>
                    </div>
                    <p class="confirm-click">
                        <i class="icon icon-hand"></i> 点击图片浏览大图
                    </p>
                </li>
            </ul>
        </div>
        <div class="confirm-list-empty none">
            <img src="/Resources/images/cat.png" alt="" class="empty-cat">
            <p class="power">
                您无查看权限
            </p>
            <p>
                请更换帐号试试
            </p>
        </div>

        <!-- 下载 -->
        <div class="download" :class="{'isDownLoad':isDownLoad}">
            <img src="/Resources/images/download.png" alt="">
        </div>
        <!-- 是否退出弹层 -->
        <div class="layer-quit-wrap none">


            <div class="layer-quit">

            </div>
            <div class="layer-quit-content">
                <div class="top">
                    是否退出？
                </div>
                <div class="button-wrap">
                    <button class="sure">
                    是
                </button>
                    <button class="fail">
                    否
                </button>
                </div>
            </div>
        </div>

    </div>
     <!-- Root element of PhotoSwipe. Must have class pswp. -->
    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

        <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
        <div class="pswp__bg"></div>

        <!-- Slides wrapper with overflow:hidden. -->
        <div class="pswp__scroll-wrap">

            <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
            <div class="pswp__container">
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
                <div class="pswp__item"></div>
            </div>

            <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
            <div class="pswp__ui pswp__ui--hidden">

                <div class="pswp__top-bar">

                    <!--  Controls are self-explanatory. Order can be changed. -->

                    <div class="pswp__counter"></div>

                    <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                    <button class="pswp__button pswp__button--share" title="Share"></button>

                    <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                    <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                    <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                    <!-- element will get class pswp__preloader--active when preloader is running -->
                    <div class="pswp__preloader">
                        <div class="pswp__preloader__icn">
                            <div class="pswp__preloader__cut">
                                <div class="pswp__preloader__donut"></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                    <div class="pswp__share-tooltip"></div>
                </div>

                <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

                <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

                <div class="pswp__caption">
                    <div class="pswp__caption__center"></div>
                </div>

            </div>

        </div>

    </div>
    <script src="/Resources/js/zepto.js"></script>
    <script src="/Resources/js/photoswipe.min.js"></script>
    <script src="/Resources/js/photoswipe-ui-default.min.js"></script>
    <script src="/Resources/js/confirm.js"></script>
    <script>
        var ow = document.documentElement.clientWidth;
         if(ow>540){
            ow=540
        }
        window.document.documentElement.style.fontSize = 5 * ow / 16 + "px";
       
    </script>
</body>

</html>
